<template>
    <div>
    <div class="bidding-body">
      <div class="bidding-title">
        <span>项目进展</span>
      </div>

      <Steps :current="flag">
        <Step title="项目承接" content="蓝色表示已完成"></Step>
        <Step title="项目编制" content="蓝色表示已完成"></Step>
        <Step title="项目审定" content="蓝色表示已完成"></Step>
        <Step title="项目盖章" content="蓝色表示已完成"></Step>
        <Step title="项目归档" content="蓝色表示已完成"></Step>
    </Steps>

     
    </div>
  </div>
</template>
<script>
export default {
    name:'projectprogress',
    data(){
        return{
            state:{},
            flag:{}
        }
    },
    props: ["callbackdata","callbackState"],
    created: function() {
        console.log(this.callbackState);
        this.state=this.callbackState;
        this.check();
    },
    methods:{
        check(){
            if(this.state==7){
                this.flag=0
            }
            else if(this.state==15){
                this.flag=1
            }
            else if(this.state==31){
                this.flag=2
            }
            else if(this.state==63){
                this.flag=3
            }
            else if(this.state==127){
                this.flag=4
            }
        }
    }
}
</script>

